<%@ page language="java" pageEncoding="utf-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path;
    %>
<html lang="zh-CN" class="translated-ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- CSS -->
	<link rel="stylesheet" href="<%=basePath%>/css/bootstrap-reboot.min.css">
	<link rel="stylesheet" href="<%=basePath%>/css/bootstrap.min.css">
	<link rel="stylesheet" href="<%=basePath%>/css/bootstrap-grid.min.css">
	<link rel="stylesheet" href="<%=basePath%>/css/owl.carousel.min.css">
	<link rel="stylesheet" href="<%=basePath%>/css/nouislider.min.css">
	<link rel="stylesheet" href="<%=basePath%>/css/select2.min.css">
	<link rel="stylesheet" href="<%=basePath%>/css/jquery.mCustomScrollbar.min.css">
	<link rel="stylesheet" href="<%=basePath%>/css/ionicons.min.css">
	<link rel="stylesheet" href="<%=basePath%>/css/main.css">
	
	<!-- Favicons -->
	<link rel="icon" type="image/png" href="<%=basePath%>/icon/favicon-32x32.png" sizes="32x32">
	<link rel="apple-touch-icon" href="<%=basePath%>/icon/favicon-32x32.png">
	<link rel="apple-touch-icon" sizes="72x72" href="<%=basePath%>/icon/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="114x114" href="<%=basePath%>/icon/apple-touch-icon-114x114.png">
	<link rel="apple-touch-icon" sizes="144x144" href="<%=basePath%>/icon/apple-touch-icon-144x144.png">
	<link type="text/css" rel="stylesheet" charset="UTF-8" href="https://translate.googleapis.com/translate_static/css/translateelement.css"></head>
	
</head>
<body>
<jsp:include page="head.jsp"></jsp:include>
<input id="basePath" type="hidden" value="<%=basePath%>">
<input id="resourceId" type="hidden" value="${resourceId}">
<!-- main content -->
	<main class="main main--breadcrumb" >
	    <!-- breadcrumb -->
		<div class="breadcrumb">
			<div class="container">
				<div class="row">
					<div class="col-12">
						<ul class="breadcrumb__wrap">
							<li class="breadcrumb__item"><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">首页</font></font></a></li>
							<li class="breadcrumb__item"><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">资源</font></font></a></li>
							<li class="breadcrumb__item breadcrumb__item--active"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;" id="resourceName">PSD转换为HTML</font></font></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!-- end breadcrumb -->
	     
		<div class="container">
			<div class="row">
				  <div class="col-12 col-md-7 col-lg-8 col-xl-9">
				  	<!-- post -->
					<div class="post">
						<div class="post__head">
							<a href="#" class="post__head-img">
								<img id="publishUserAvatar" alt=""/>
							</a>
							<div class="post__head-title">
								<h5><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;" id="publishUserName">安迪·拉莫斯（Andy Ramos）</font></font></a></h5>
								<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;" id="createTime">11分钟前</font></font></p>
							</div>

							<div class="post__dropdown">
								<a class="dropdown-toggle post__dropdown-btn" href="#" role="button" id="dropdownMenu3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
									<i class="icon ion-md-more"></i>
								</a>

								<ul class="dropdown-menu dropdown-menu-right post__dropdown-menu" aria-labelledby="dropdownMenu3">
									<li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">编辑</font></font></a></li>
									<li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">删除</font></font></a></li>
									<li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">隐藏</font></font></a></li>
								</ul>
							</div>
						</div>

						<div class="post__wrap">
							<div class="post__company">
								<i class="icon ion-ios-briefcase"></i>
								<span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;" id="publishDeptName">前端开发人员</font></font></span>
							</div>

							<div class="post__actions">
								<a class="post__actions-btn post__actions-btn--green" href="#">
									<i class="icon ion-ios-bookmark"></i>
								</a>
								<a class="post__actions-btn post__actions-btn--red" href="#">
									<i class="icon ion-ios-mail"></i>
								</a>
								<a href="#" class="post__actions-btn post__actions-btn--blue"><span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">附件下载</font></font></span></a>
							</div>
						</div>

						<h2 class="post__title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;" id="resourceName1">PSD转换为HTML</font></font></h2>

						<div class="post__options">
							<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;" id="typeName">$ 300-$ 350</font></font></p>
						</div>

						<div class="post__description">
							<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;" id="content"></font></font></p>
						</div>

						<div class="post__tags" id="lables">
							<a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">HTML </font></font></a>
							<a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">CSS </font></font></a>
							<a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">JS </font></font></a>
							<a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">PSD</font></font></a>
						</div>

						<div class="post__stats">
							<div>
								<a class="post__likes" href="#"><i class="icon ion-ios-heart"></i> <span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;" id="storeNum">15</font></font></span></a>
								<a class="post__comments" data-toggle="collapse" href="#collapse3" role="button" aria-expanded="false" aria-controls="collapse3"><i class="icon ion-ios-text"></i> <span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;" id="commentNum">0</font></font></span></a>
							</div>

							<div class="post__views">
								<i class="icon ion-ios-eye"></i> <span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;" id="browseNum">214</font></font></span>
							</div>
						</div>

						<div class="collapse post__collapse" id="collapse3">
							<form action="#" class="post__form">
								<input type="text" placeholder="输入您的评论...">
								<button type="button"><i class="icon ion-ios-paper-plane"></i></button>
							</form>
						</div>
					</div>
					<!-- end post -->

					<h3 class="main__title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">申请列表</font></font></h3>
                    <div id="applyList">
					<!-- bid -->
					<div class="bid">
						<div class="bid__head">
							<a href="#" class="bid__head-img">
								<img src="<%=basePath%>/profile/avatar/2021/01/12/a6fb58df-698d-4bd8-a5bd-e02a121c02bc.png" alt="">
							</a>
							<div class="bid__head-title">
								<h5><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">托尼·杨</font></font></a></h5>
								<p>
									<i class="icon ion-ios-navigate"></i>
									<span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">美国</font></font></span>
								</p>
							</div>
						</div>

						<div class="bid__price">
							<span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">我真的需要这项资源</font></font></span>
							<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">8天内</font></font></p>
						</div>
					</div>
				  </div>
					<!-- end bid -->
				</div>
				
				  <div class="col-12 col-md-5 col-lg-4 col-xl-3">
					<!-- filter -->
					<div class="sidebox">
						<h4 class="sidebox__title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">现在申资源 </font></font><button type="button"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"></font></font></button></h4>

						<div class="filter">
							<div class="filter__group">
								<label class="filter__label"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">联系电话：</font></font></label>
								<input type="text" class="filter__input" maxlength="11" placeholder="联系电话">
							</div>

							<div class="filter__group">
								<label class="filter__label"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">申请留言：</font></font></label>
								<input type="text" class="filter__input" maxlength="20"  placeholder="申请留言,不超过20个字">
							</div>

							<div class="filter__group">
								<button class="filter__btn" type="button"><span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">申请资源</font></font></span></button>
							</div>
						</div>
					</div>
					<!-- end filter -->

					<!-- share -->
					<!-- 
					<div class="sidebox">
						<div class="sidebox__share">
							<span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">分享：</font></font></span>
							<ul>
								<li class="facebook"><a href="#"><i class="icon ion-logo-facebook"></i></a></li>
								<li class="instagram"><a href="#"><i class="icon ion-logo-instagram"></i></a></li>
								<li class="twitter"><a href="#"><i class="icon ion-logo-twitter"></i></a></li>
								<li class="vk"><a href="#"><i class="icon ion-logo-vk"></i></a></li>
							</ul>
						</div>
					</div>
					 -->
					<!-- end share -->
				</div>
				  
			</div>
		</div>
	</main>
	<!-- end view more -->
	<script src="<%=basePath%>/js/jquery-3.4.1.min.js"></script>
	<script src="<%=basePath%>/js/bootstrap.bundle.min.js"></script>
	<script src="<%=basePath%>/js/resource.js"></script>
	<script src="<%=basePath%>/js/bootstrap-treeview.js"></script>
	<script src="<%=basePath%>/js/owl.carousel.min.js"></script>
	<script src="<%=basePath%>/js/wNumb.js"></script>
	<script src="<%=basePath%>/js/nouislider.min.js"></script>
	<script src="<%=basePath%>/js/select2.min.js"></script>
	<script src="<%=basePath%>/js/jquery.mousewheel.min.js"></script>
	<script src="<%=basePath%>/js/jquery.mCustomScrollbar.min.js"></script>
	<script src="<%=basePath%>/js/head.js"></script>
	<script src="<%=basePath%>/js/resource.js"></script>
	<script src="<%=basePath%>/js/time.js"></script>
	<script src="<%=basePath%>/js/bootstrap-maxlength.min.js"></script>
	<!-- end main content -->
	<jsp:include page="foot.jsp"></jsp:include>
</body>
</html>
